---
id: TASK-021
title: 'TUI: 7-day calendar week view'
status: To Do
assignee: []
created_date: '2026-06-12 04:21'
labels:
  - tui
  - feature
dependencies: []
priority: medium
ordinal: 21000
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
The Calendar panel currently shows a flat list of upcoming events sorted by time. Add a 7-day grid view as an alternative display mode (toggled with `v` when the panel is focused): one column per day, events listed vertically within each day column.

Layout sketch:
```
Mon     Tue     Wed     Thu     Fri     Sat     Sun
Jun 9   Jun 10  Jun 11  Jun 12  Jun 13  Jun 14  Jun 15
──────  ──────  ──────  ──────  ──────  ──────  ──────
9:00am  All day         2:00pm
Standup Release         Dentist
```

Implementation:
- Group `events[]` from the calendar payload by `event.start` date into 7 buckets (today + 6 days)
- Render as a `Horizontal` of 7 equal-width columns inside the panel
- All-day events appear at top of their column
- Time-specific events show time + title
- `v` toggles between list view (current) and week grid view
- Week view default or list view default is a constant at top of file
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #1 v toggles between list and week-grid view in Calendar panel
- [ ] #2 Week grid shows 7 days starting from today
- [ ] #3 All-day events appear at top of their column
- [ ] #4 Timed events show time + title
- [ ] #5 Today's column is visually highlighted
- [ ] #6 Falls back to list view if fewer than 2 events in the window
<!-- AC:END -->